<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8' />
    <title>PANDA Studio</title>
    <meta name='viewport'
        content='width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover' />
    <meta name='theme-color' content='#3b3646'>
</head>

<body data-error-url='http://dsm.panda-studio.cn:6088/'>
    <div class='a'>哎哟，网络连接中断了</div>
    <div class='b'>数据和资源服务器访问不到啦，建议等20分钟刷新再试……<p>如果仍无法访问，请联系博主QQ1779826569</p>
    </div>
    <style>
        html {
            min-height: 100vh;
            background-image: linear-gradient(#3b3646, transparent 30%),
                repeating-linear-gradient(-70deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .1) 1.2px, transparent 0, transparent 13px),
                repeating-linear-gradient(20deg, rgba(255, 255, 255, .05), rgba(255, 255, 255, .02) 1.3px, transparent 0, transparent 13px),
                radial-gradient(at bottom, #7f4d5d, #1f2d3d);
            background-size: auto, 28px 38px, 38px 28px, auto;
            background-position: left top, 0 0, 0 0, left top;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            animation: b linear 1.5s infinite;
        }

        body {
            margin: 0 1em 2em;
            background: rgba(9, 0, 0, .35) linear-gradient(0deg, rgba(255, 255, 255, .16), transparent 15%);
            border: 1px solid rgba(0, 0, 0, .6);
            box-shadow: 0 0 0 1px rgba(255, 255, 255, .2) inset, 0 15px 20px rgba(0, 0, 0, .3);
            border-radius: 2em;
            padding: 1.4em 2em;
            -webkit-backdrop-filter: blur(2px);
            backdrop-filter: blur(2px);
            position: relative;
            text-shadow: 0 -1px 1px #000;
            animation: a 1s;
        }

        body:before {
            content: '';
            position: absolute;
            display: block;
            top: 0;
            left: 1em;
            right: 1em;
            height: 2em;
            border-radius: 9em;
            background: linear-gradient(rgba(255, 255, 255, .45), rgba(255, 255, 255, .1));
            box-shadow: 0 1px 0 rgba(255, 255, 255, .4) inset;
        }

        .a {
            font-size: 1.4em;
        }

        .b {
            margin-top: 1.5em;
            opacity: .6;
        }

        p {
            font-size: 75%;
            margin: .6em 0 0;
            opacity: .5;
        }

        @keyframes a {
            0% {
                transform: scale(1.2);
                opacity: 0
            }

            50% {
                transform: scale(1.2);
                opacity: 0
            }

            100% {
                transform: scale(1);
                opacity: 1
            }
        }

        @keyframes b {
            0% {
                background-position: left top, 0 0, 0 0, left top;
            }

            100% {
                background-position: left top, 0 78px, 114px 0, left top;
            }
        }
    </style>
</body>

</html>